 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	 <link rel="icon" type="image/vnd.microsoft.icon" href="img/icon.png">
	<title>Freelancer Guide Book</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.elevatezoom.js"></script>
	<script src="js/manip.js"></script>
</head>

<img style='position : fixed ;top: 20px; left: 0px; opacity: 1.0;' src='img/test.png'/>

<div id='all'>
<body>
	

	<header>
		<img src='img/logo_freelancer_guidebook.png'/>
		<!--<a href="#h2Introduction">Intro</a> | <a href="#h2Signup">Signup</a> | <a href="#h2GetConnected">Get Connected</a> | <a href="#h2SetupAccount">Setup your account</a> | <a href="#h2Work">Work</a> | <a href="#h2Hire">Hire(Post A Project)</a>-->
	</header>

	
	
	<div id='content'>
		
		
		<div class='content' id='contentLeft' >
		
		
			<!-- INTRO -->
			<h2 id='h2Introduction'>Introduction</h2>
			<p class='intro'>
				Freelancer is a new concept which permits you to find some jobs or hire anyone to do a project.
			</p>
			
			
			<!-- SIGNUP -->
			<h2 id='h2Signup'>I. Signup</h2>
			<p	class='signup'>
				To signup, click on the <strong class="h2Signup" id="strongSignupButton">“Signup” button</strong> from the home page.

				You will have two different ways for signing up :
				<strong class="h2Signup" id="strongSignupFacebook">Automatic facebook signup</strong> which create your account by catching your facebook informations 
				Traditionnal signup method which oblige you to enter account information (<strong class="h2Signup" id="strongSignupEmail">Email Adress</strong>, <strong class="h2Signup" id="strongSignupUsername">Username</strong>, <strong class="h2Signup" id="strongSignupPassword">Password</strong>, <strong class="h2Signup" id="strongSignupConfPassword">Confirm your Password</strong>, and choose now <strong class="h2Signup" id="strongSignupHireWork">if you are looking to “Hire” or “Work”</strong>, you can change this after).

				Follow the Facebook instructions, or click the <strong class="h2Signup" id="strongSignupCreatAccount">“Create Account” button</strong>.

				A <strong class="h2Signup" id="strongSignupCaptcha">Captcha</strong> could appear to verify if you’re a robot. Recopy the numbers and click continue.

				You are now connected, and can skip the second part.
			</p>
			
			
			<!-- GET CONNECTED -->
			<h2 id='h2GetConnected'>II. Get Connected</h2>
			<p class='getConnected'>				
				To login, click on <strong class="h2GetConnected" id="strongGetConnectedButton">the “Login” button</strong> from the home page.

				You will have two different ways for logging in :
				<ul>
					<li><strong class="h2GetConnected" id="strongGetConnectedFacebook">Automatic facebook login by catching</strong> your facebook informations</li>
					<li>Traditionnal login method which oblige you to enter your “<strong class="h2GetConnected" id="strongGetConnectedUsername">Username”</strong> and your <strong class="h2GetConnected" id="strongGetConnectedPassword">“Password”</strong></li>
				</ul>
				
				Follow the Facebook instructions, or click <strong class="h2GetConnected" id="strongGetConnectedLogin">the “Login” button</strong>.

				You are now connected, and can continue with the third part.
			</p>
			
			
			
			<!-- SETUPP YOUR ACCOUNT -->
			<h2 id='h2SetupAccount'>III. Setup your account</h2>
			<p class='setupYourAccount'>
				To set your account informations, click on your account name at the top right corner, and click <strong class="h2SetupAccount" id="strongSetupAccountEditSettings">“Edit Settings”</strong>.

				You’re now in the first tab which is <strong class="h2SetupAccount" id="strongSetupAccountAccountDetails">“Account Details”</strong>.
				You have two possibilities again :
				<ul>
					<li>Import your Facebook’s informations.</li>
					<li>- Fill each field with your informations.</li>
				</ul>
				
				Click on the “Save Details” button when you’re done !
				
				You can now click on the second tab which is <strong class="h2SetupAccount" id="strongSetupAccountAccountSettings">“Account Settings”</strong>
				In this one, you can manage many things like :
				<ul>
					<li>Your account password</li>
					<li>Your preffered currency</li>
					<li>Attach a Paypal account</li>
					<li>Attach a Credit Card</li>
				</ul>
				
				At the bottom of the page, you choose if you want to Work, Hire or Both.

				Click on the “Save Details” button when you’re done !

				Before continuing, you have to verify your email by clicking the corresponding link in the third tab.

				You can also unsuscribe from mail notifications (or some of them).

				You can now skip to the 4th or  5th part depending on what you want to do.
			</p>
			
			
			
			<!-- WORK -->
			<h2 id='h2Work'>IV. Work</h2>
			<p class='work'>
				To find a project click on the <strong class='h2Work' id='strongWorkBrowseProject'>“Browse Project”</strong> button from the home page.
				Here you select the theme you want to work on, a list of corresponding projects will appears.
				You can add more theme, sort projects by some criteria like duration, average price or language.
				Once you’ve selected a project, click on its title, you will see the description of the project, the number of bids actually proposed by users and the average price of bids.
				If the project please you, click on <strong class='h2Work' id='strongWorkBidOn'>“Bid on this project”</strong> button, you have to fill in the amount of the bid, the duration you expect and the part of the amount you want to get before beginning the project. Finally, click on <strong class='h2Work' id='strongWorkPlaceBid'>“Place Bid”</strong> button.
				The client is gonna contact you if he’s interested by your offer.
			</p>
			
			
			
			<!-- HIRE -->
			<h2 id='h2Hire'>V. Hire(Post A Project)</h2>
			<p class='hire'>
				To post a project, click on the <strong class='h2Hire' id='strongHirePostProject'>“Post Project”</strong> button from the home page.

				You have some fields to fill in :
				<ul>
					<li>The Project name</li>
					<li>The type of work</li>
					<li>The skills needed to achieve</li>
					<li>Some details about the project and optionnal additional files</li>
					<li>The project’s budget and how the work is paid (Fixed or Hourly)</li>
				</ul>
				Finaly, it’s optional, but you can check several options to get most from your project (each options are paying) but it increase the number of bids on your project.

				Click on the <strong class='h2Hire' id='strongHirePostProjectNow'>“Post Project Now”</strong> button.

				You are redirected in an other page where you can pay to upgrade and get better results to your project, it’s optional, else choose the <strong class='h2Hire' id='strongHireBasicOption'>“Basic” option</strong> and click on the “No thanks, I don't want to upgrade” link.

				Your project is online, you can change its settings again later.
			</p>
			
			
			
			<!-- LINK -->
			<h2>Link</h2>
			<p class='link'>
				<a href='http://www.google.com/url?q=http%3A%2F%2Fwww.freelancer.co.uk&sa=D&sntz=1&usg=AFQjCNGYGc_I935eMZx6MfplUPs_OqZCIA'>-> here, Freelancer website</a>
			</p>
			
		</div>
		
		<div class='content' id='contentRight' >
			<p class='intro' id='img_intro'>
				<img id='screenImg' src='img/h2Introduction.jpg'  alt='Image introuvable.. :/ <3'/>
			</p>
		</div>		
	</div> 
	
	
	<footer>
		<span>Geoffrey YOCCOZ - Vincent CHENAL - Charly BERTHET</span>
		</br>
		<span>Info2 G22</span>
	</footer>
</body>
</div> <!-- FIN div all -->


</html>